/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

/** 
 * ====================================================================================================
 * css reset。
 * ====================================================================================================
 */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; }
html{width: 100%;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling:touch;}
body {font:16px/1.5 Helvetica Neue,Helvetica,PingFang SC,Arial,sans-serif;color:#333;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
ul, ol, li { list-style: none;}
a { color: #333 ;text-decoration: none;}
img {border: none;outline: none;vertical-align: middle;max-width: 100%;}
button, input, select, textarea { font-size: 14px; outline: none; border: none; color: #333;-webkit-appearance:none;-moz-appearance:none;appearance:none; }
::-webkit-input-placeholder {color: #999;vertical-align: middle;}
:-moz-placeholder {color: #999;vertical-align: middle;}
::-moz-placeholder {color: #999;vertical-align: middle;}
:-ms-input-placeholder {color: #999;vertical-align: middle;}
table { border-collapse: collapse; border-spacing: 0; }

@font-face {
	font-family:num;
	src: url(../fonts/LubalinBQ-Demi.otf);
}

/** 
 * ====================================================================================================
 * 辅助类。
 * ====================================================================================================
 */
.nowrap { -o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.clear:before,.clear:after{content: '';display: block;clear: both;}
.fl{float: left;}
.fr{float: right;}
.hidden{display: none;}
.block{display: block;}
.am3 { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.am5 { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.bg-cover {background-repeat: no-repeat;background-position: center center;background-size: cover;}
.bg-100 {background-repeat: no-repeat;background-position: center top;background-size: 100% auto;}
.tc{text-align: center;}
.tr{text-align: right;}
.absolute{position: absolute;}
.relative{position: relative;}
.mango-center{left: 50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.mango-middle{top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.mango-center-middle{left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.iconfont{font-size: 24px;}
.uppercase{text-transform: uppercase;}
.my-layout{width: 100%;max-width: 1500px;padding: 0 50px;margin: 0 auto;}
.loading{width: 100%;height: 100%;position: fixed;z-index: 1000000;background-color: #fff;left: 0;top:0;}
.copy_zc{-o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color: #999; font-size: 14px;}
/** 
 * ====================================================================================================
 * 初始化layui。
 * ====================================================================================================
 */
.layui-header{position: fixed;left: 0;right: 0;top: 0;background-color: #fff;z-index: 1000;}
.layui-logo {height: 100%;padding-left: 40px;}
.layui-logo a{height: 100%;}
.layui-logo a img{max-height: 80%;}
.layui-btn{background-color: #F4822F;border-radius: 0;padding: 0;-webkit-transition: background-color .3s;-o-transition: background-color .3s;transition: background-color .3s;background-image:-o-linear-gradient(180deg,#ef5a24,#f9ae3b);background-image:-webkit-gradient(linear,left top, left bottom,from(#ef5a24),to(#f9ae3b));background-image:-o-linear-gradient(top,#ef5a24,#f9ae3b);background-image:linear-gradient(180deg,#ef5a24,#f9ae3b);}
.layui-btn.layui-btn-search{width: 60px;height: 60px;}
.login-box{background-color: #1b1464;background-image: -o-linear-gradient(330deg,#1b1464,#016fb8);background-image: linear-gradient(120deg,#1b1464,#016fb8);}
.layui-btn.layui-btn-login{width: 100px;height: 60px;margin-left: 0;font-size: 13px;background:none;}
.layui-btn.layui-btn-language{width: 100px;height: 60px;margin-left: 0;font-size: 13px;background:none;}
.layui-btn.layui-btn-language .iconfont{font-size: 14px;margin: 4px;}
.layui-btn.layui-btn-default {width: 200px;height: 60px;line-height: 60px;-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);background-color: #F4822F;background-image:-o-linear-gradient(90deg,#ef5a24,#f9ae3b);background-image:-webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image:-o-linear-gradient(left,#ef5a24,#f9ae3b);background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);}
.layui-btn:hover {opacity: .8!important;}
.layui-btn.layui-btn-blue {width: 200px;height: 60px;line-height: 60px;-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);background-color: #1b1464;background-image:-o-linear-gradient(90deg,#1b1464,#0071ba);background-image:-webkit-gradient(linear,left top, right top,from(#1b1464),to(#0071ba));background-image:-o-linear-gradient(left,#1b1464,#0071ba);background-image:linear-gradient(90deg,#1b1464,#0071ba);}
.layui-nav{background:none;border-radius: 0;}
.layui-nav .layui-nav-item a{color: #222222;font-size: 15px;}
.layui-nav .layui-nav-item a:hover{color: #1b1464;font-weight: bold;}
.layui-nav .layui-nav-item.layui-this a{color: #1b1464;font-weight: bold;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{height: 3px;background-color:#1b1464;}
.layui-header.layui-header-mb{display: none;}
.layui-header.layui-header-mb .layui-logo{padding-left: 20px;}
.layui-header.layui-header-mb .layui-btn-language{font-size: 20px;width: 60px;}
.layui-header.layui-header-mb .layui-btn-search{font-size: 26px;margin-left: 0;}
.layui-header.layui-header-mb .layui-btn-login{font-size: 18px;width: 60px;}
.layui-nav-mb{display: none;width: 40%;height: 100%;position: fixed;right: -40%;top: 0;background-color: #1b1464;z-index: 999;padding-top: 60px;max-width: 300px;}
.layui-nav-mb.active{right: 0;}
.layui-nav-mb ul {position: absolute;left: 50%;top: 75px;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.layui-nav-mb ul li a{color: #fff;font-size: 16px;line-height: 3;display: block;}
.layui-nav-mb ul li.layui-this a{color: #F4822F;}
.layui-input, .layui-select, .layui-textarea{height: 44px;}
.layui-form-item{margin-bottom: 10px;}
.layui-form-select dl dd, .layui-form-select dl dt{font-size: 12px;}
.layui-form-select dl dd.layui-this{background-color:#1b1464;}
.layui-form-selectup dl{padding:0;}
.layui-table{margin: 0;}
.layui-table th{font-weight: 900;padding: 15px;text-align: center;}
.layui-table td{padding: 12px 15px;text-align: center;}
.layui-table td a{text-decoration: underline;}

.login-box .login-up{position: relative;}
.login-box .login-up .sublogin{ position: absolute; left: 0; top: 60px; background-color: #fff; width: 200px; border-radius: 3px; padding: 5px; display: none;-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);}
.login-box .login-up .sublogin a{ display: block; text-align: center; color: #222222; height: 60px; line-height: 60px; border-radius: 3px;}
.login-box .login-up .sublogin a:hover{ color: #fff; background-color: #F4822F;-webkit-transition: background-color .3s;-o-transition: background-color .3s;transition: background-color .3s;background-image:-o-linear-gradient(180deg,#ef5a24,#f9ae3b);background-image:-webkit-gradient(linear,left, right,from(#ef5a24),to(#f9ae3b));background-image:-o-linear-gradient(top,#ef5a24,#f9ae3b);background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);}
.login-box .login-up:hover .sublogin{ display: block;}


@media screen and (max-width:1440px) { 
	.layui-nav .layui-nav-item a{padding: 0 10px;}
}

@media screen and (max-width:1280px) { 
	.login-box .login-up .sublogin{ width: 120px;}
	.login-box .login-up .sublogin a{height: 50px; line-height: 50px;}
}

@media screen and (max-width:768px) { 
	.login-box .login-up .sublogin{  top: 50px;}
}

/** 
 * ====================================================================================================
 * 初始化swiper。
 * ====================================================================================================
 */
.swiper-container{position: relative;}
.swiper-container>.swiper-wrapper{height: 100%;}
.swiper-container>.swiper-wrapper>.swiper-slide{height: 100%;position: relative;}
.banner-btn{width: 50px;height: 50px;border-radius: 50%;border: 1px solid #fff;position: absolute;background: none;opacity: .5;font-size: 16px;z-index: 20;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.banner-btn:hover{background: #fff;color: #333;}
.banner-prev{left: 50px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.banner-next{right: 50px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #555;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-active-switch {background: #fff;}
/** 
 * ====================================================================================================
 * 通用配置。
 * ====================================================================================================
 */
.footer{background-color: #1b1464;padding: 50px 0;border-top: 2px solid #F4822F;}
.footer .footer-title{color: #fff;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,.2);width: 210px;margin-bottom: 20px;}
.footer .right .footer-title{width: 100%;}
.footer .footer-contact{color: rgba(255,255,255,.9);margin-bottom: 20px;}
.footer .footer-contact .iconfont{font-size: 40px;color: #F4822F;line-height: 40px;margin-right: 10px;}
.footer .footer-contact img{width: 100%;}
.footer .ewm p{color: rgba(255,255,255,.5);}
.footer .layui-form .layui-form-item{width: calc(50% - 5px);width: -webkit-calc(50% - 5px);clear:none;background-color: #fff;}
.footer .layui-form .layui-form-text{width: 100%;clear:none;background-color: #fff;}
.footer .layui-form .layui-input-block{margin-left: 0;border: none;}
.footer .layui-form .layui-input-block input{font-size: 12px;}
.footer .layui-form .btn-wrap{background:none;}
.footer .layui-form .layui-textarea{height: 64px;min-height: 64px;font-size: 12px;line-height: 1.5;resize: none;padding: 1em;}
.copyright {background-color: #1b1464;padding: 12px;line-height: 2;color: rgba(255,255,255,.5);border-top: 1px solid rgba(255,255,255,.2);}
.web{padding-top: 60px;}
.common-banner{height: 500px;}
.common-banner .text-wrap{width: 100%;padding: 0 50px;}
.common-banner .text-wrap .line{width: 40px;height: 3px;margin: 15px auto;}
.main-title{padding-left: 45px;position: relative;}
.main-title:before{content: '';width: 14px;height: 100%;background-color: #F4822F;background-image: -o-linear-gradient(bottom,#ef5a24,#f9ae3b);background-image: -webkit-gradient(linear,left bottom, left top,from(#ef5a24),to(#f9ae3b));background-image: linear-gradient(0deg,#ef5a24,#f9ae3b);position: absolute;left: 0;top: 0;}
.main-title .title-en{line-height: 1!important;text-shadow: 0 5px 10px rgba(0,0,0,.1);}
.main-title .title-cn{line-height: 1!important;margin-top: 10px;}
.line{background-color: #F4822F;background-image: -o-linear-gradient(right,#ef5a24,#f9ae3b);background-image: -webkit-gradient(linear,right top, left top,from(#ef5a24),to(#f9ae3b));background-image: linear-gradient(-90deg,#ef5a24,#f9ae3b);}

/* common-right-slide */
.common-right-slide{position: fixed;right: 0;top: 65%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);width: 130px;z-index: 998;}
.common-right-slide .item{width: 100%;height: 70px;text-align: center;background-color: #1b1464;background-image: -o-linear-gradient(-90deg,#1b1464,#016fb8);background-image: -webkit-gradient(linear,left top, right top,from(#1b1464),to(#016fb8));background-image: -o-linear-gradient(left,#1b1464,#016fb8);background-image: linear-gradient(90deg,#1b1464,#016fb8);margin-top: 5px;}
.common-right-slide .item:first-child{border-top-left-radius: 10px;margin-top: 0;}
.common-right-slide .item:nth-child(3){border-bottom-left-radius: 10px;}
.common-right-slide .item:nth-child(n+4){border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.common-right-slide .item:nth-child(4) i,.common-right-slide .item:nth-child(5) i{display: none;}
.common-right-slide .item .ewm{position: absolute;left: -10px;top: 50%;-webkit-transform: translate(-100%,-50%);-ms-transform: translate(-100%,-50%);transform: translate(-100%,-50%);display: none;}
.common-right-slide .item .ewm img{max-width: 100px;}
.common-right-slide .item>div{width: 100%;font-size: 14px;color: #fff;}
.common-right-slide .item>div i{color: #F4822F;}

/** 
 * ====================================================================================================
 * search。
 * ====================================================================================================
 */
.default-search{width: 100%;height: 100%;position:fixed;z-index: 998;right: -100%;top: 0;background: rgba(32,68,99,.98);}
.default-search.active{right: 0;}
.default-search .main{width: 100%;height: 100%;}
.default-search .main .layui-input-block{width: 80%;max-width: 1000px;margin: 0;}
.default-search .main .layui-input-block input{height: 64px;background: none;text-align: center;border: none;border-bottom: 1px solid rgba(255,255,255,.3);color: #fff;padding: 0 64px;}
.default-search input::-webkit-input-placeholder {color: rgba(255,255,255,.4);}
.default-search input:-moz-placeholder {color: rgba(255,255,255,.4);}
.default-search input::-moz-placeholder {color: rgba(255,255,255,.4);}
.default-search input:-ms-input-placeholder {color: rgba(255,255,255,.4);}
.default-search .iconfont {font-size: 24px;line-height: 64px;top: 0;left: 0;color: rgba(255,255,255,.5);}
.default-search .layui-btn {background: none;border-radius: 0;right: 0;top: 0;height: 64px;line-height: 64px;color: rgba(255,255,255,.8);}

/** 
 * ====================================================================================================
 * topback。
 * ====================================================================================================
 */
.top-back{width: 60px;height: 60px;border-radius: 50%;background-color: #F4822F;background-image: -o-linear-gradient(bottom,#ef5a24,#f9ae3b);background-image: -webkit-gradient(linear,left bottom, left top,from(#ef5a24),to(#f9ae3b));background-image: linear-gradient(0deg,#ef5a24,#f9ae3b);text-align: center;line-height: 60px;font-size: 16px;font-weight: 900;color: #fff;position: fixed;right: 20px;bottom: 40px;z-index: 998;cursor: pointer;display: none;}
 .top-back:active{background-color: #F4822F;background-image: -o-linear-gradient(bottom,#c19e56,#ef5a24);background-image: -webkit-gradient(linear,left bottom, left top,from(#c19e56),to(#ef5a24));background-image: linear-gradient(0deg,#c19e56,#ef5a24);}

/* 字体大小 */
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-26{font-size: 26px;}
.fs-28{font-size: 28px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-44{font-size: 44px;}
.fs-50{font-size: 50px;line-height: 70px;}
.fs-52{font-size: 52px;line-height: 78px;}
.fs-55{font-size: 55px;}
.fs-60{font-size: 60px;}
.fs-70{font-size: 70px;line-height: 78px;}

/* 颜色 */
.color-1{color: #fff;}
.color-2{color: #ef5a24;}
.color-3{color: #1b1464;}
.color-4{color: #666;}
.color-5{color: #999;}
.color-6{color: #777;}
.color-7{color: #666;}

/* 间距 */
.top-10{margin-top: 10px;}
.top-20{margin-top: 20px;}
.top-30{margin-top: 30px;}
.top-40{margin-top: 40px;}
.top-50{margin-top: 50px;}
.top-100{margin-top: 100px;}
.top-150{margin-top: 150px;}

/* 阴影 */
.shadow-10{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);}
.shadow-15{
	-webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);     
	box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
}

#imageRoom{height: 619px;overflow: hidden;cursor: -webkit-grab;cursor: grab;}
#imageRoom #img{width: 100%;left: 0;top: 0;}

@media screen and (max-width: 1280px){
	body {font-size:14px;}
	.fs-14{font-size: 13px;}
	.fs-18{font-size: 16px;}
	.fs-20{font-size: 18px;}
	.fs-22{font-size: 20px;}
	.fs-24{font-size: 22px;}
	.fs-26{font-size: 24px;}
	.fs-28{font-size: 26px;}
	.fs-32{font-size: 28px;}
	.fs-36{font-size: 32px;}
	.fs-44{font-size: 40px;}
	.fs-50{font-size: 30px;line-height: 50px;}
	.fs-52{font-size: 32px;line-height: 58px;}
	.fs-55{font-size: 35px;}
	.fs-60{font-size: 40px;}
	.fs-70{font-size: 50px;line-height: 58px;}
	.top-10{margin-top: 5px;}
	.top-20{margin-top: 10px;}
	.top-30{margin-top: 15px;}
	.top-40{margin-top: 20px;}
	.top-50{margin-top: 25px;}
	.top-100{margin-top: 50px;}
	.top-150{margin-top: 75px;}
	.layui-header{display: none;}
	.layui-header.layui-header-mb{display: block;}
	.layui-nav-mb{display: block;}
	.common-banner{height: 400px;}
	#imageRoom{height: 506px;overflow: hidden;cursor: -webkit-grab;cursor: grab;}
}
@media screen and (max-width: 991px){
	.my-layout{padding-left: 30px!important;padding-right: 30px!important;}
	.common-banner{height: 300px;}
	.common-right-slide{width: 44px;}
	.common-right-slide .item:nth-child(1){display: none;}
	.common-right-slide .item:nth-child(2){display: none;}
	.common-right-slide .item:nth-child(3){border-top-left-radius: 10px;}
	.common-right-slide .item{height: 44px;}
	.common-right-slide .item p{display: none;}
	.common-right-slide .item:last-child{display: none;}
	.common-right-slide .item:nth-child(4) i,.common-right-slide .item:nth-child(5) i{display: block;}
	#imageRoom{height: 364px;overflow: hidden;cursor: -webkit-grab;cursor: grab;}
}
@media screen and (max-width: 767px){
	.my-layout{padding-left: 15px!important;padding-right: 15px!important;}
	.fs-18{font-size: 14px;}
	.fs-20{font-size: 16px;}
	.fs-22{font-size: 18px;}
	.fs-24{font-size: 20px;}
	.fs-26{font-size: 22px;}
	.fs-28{font-size: 22px;}
	.fs-32{font-size: 24px;}
	.fs-36{font-size: 28px;}
	.fs-44{font-size: 36px;}
	.fs-50{font-size: 26px;line-height: 40px;}
	.fs-52{font-size: 28px;line-height: 38px;}
	.fs-55{font-size: 30px;}
	.fs-60{font-size: 35px;}
	.fs-70{font-size: 30px;line-height: 38px;}
	.top-10{margin-top: 5px;}
	.top-20{margin-top: 10px;}
	.top-30{margin-top: 15px;}
	.top-40{margin-top: 20px;}
	.top-50{margin-top: 25px;}
	.top-100{margin-top: 50px;}
	.top-150{margin-top: 75px;}
	.shadow-10{-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
	.web{padding-top: 50px;}
	.layui-header{height: 50px;}
	.layui-header.layui-header-mb .layui-logo{width: calc(100% - 200px);width: -webkit-calc(100% - 200px);padding: 0;}
	.layui-header.layui-header-mb .layui-logo a{position: relative;}
	.layui-header.layui-header-mb .layui-logo img{position: absolute;height: 80%;width: auto;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	.layui-header.layui-header-mb .layui-btn{width: 50px;height: 50px;}
	.layui-header.layui-header-mb .layui-btn-search{font-size: 26px;}
	.layui-header.layui-header-mb .layui-btn-login{font-size: 18px;}
	.layui-nav-mb{padding-top: 50px;}
	.banner-btn{display: none;}
	.copyright p{width: 100%;text-align: center;}
	.layui-btn.layui-btn-default {width: 160px;height: 50px;line-height: 50px;}
	.layui-btn.layui-btn-blue {width: 160px;height: 50px;line-height: 50px;}
	.footer .layui-form .btn-wrap,.footer .layui-form .btn-wrap .layui-btn {width: 100%;}
	.common-banner .text-wrap{padding: 0 25px;}
	.main-title{padding-left: 25px;position: relative;}
	.main-title:before{width: 10px;}
	.top-back{width: 44px;height: 44px;line-height: 44px;font-size: 14px;right: 10px;}
	#imageRoom{height: 177px;overflow: hidden;cursor: -webkit-grab;cursor: grab;}
}

.layui-layer {border-radius: 5px!important;overflow: hidden;}
.layui-layer .layui-layer-btn{padding-bottom: 15px;}
.layui-layer .layui-layer-btn a{height: 36px;line-height: 36px;}


.popups{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.3);z-index: 999;display: none;}

.layui-btn.layui-btn-disabled {background-color: #e1e1e1;background-image: none;color: #fff;}
.layui-layer-title{font-weight: 600;}


.not-open-container { padding: 40px; background: #FFFFFF; border-radius: 12px; color: #666666; font-size: 16px; text-align: center; margin-top: 80px; }
.not-open-container .image { display: block; max-width: 80%; margin: 0 auto; }